<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no"
    />
    <title>{{ title }}</title>
    <script>
      document.writeln('<script src="./scripts/recorder.mp3.min.js"' + '>' + '<' + '/' + 'script>')
      document.writeln('<script src="./scripts/lib.fft.js"' + '>' + '<' + '/' + 'script>')
      document.writeln('<script src="./scripts/waveview.js"' + '>' + '<' + '/' + 'script>')
      document.writeln('<script src="./scripts/frequency.histogram.view.js"' + '>' + '<' + '/' + 'script>')
      if (navigator.userAgent.toLowerCase().indexOf('wanxiao') !== -1) {
        document.writeln('<script src="./scripts/wanxiao-js-api-v1.0.1.js"' + '>' + '<' + '/' + 'script>')
      }
      if (navigator.userAgent.toLowerCase().indexOf('superapp') !== -1) {
        document.writeln('<script src="./scripts/bridge.js"' + '>' + '<' + '/' + 'script>')
      }
      if( navigator.userAgent.toLowerCase().indexOf('miniprogram') > -1 && navigator.userAgent.toLowerCase().indexOf('micromessenger') > -1 ){
        document.writeln('<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"' + '>' + '<' + '/' + 'script>')
      }
    </script>
    <script>
      (function (n) {
        var e = n.document,
          t = e.documentElement,
          o = "orientationchange" in n ? "orientationchange" : "resize",
          a = function () {
            var n = t.clientWidth;
            t.style.fontSize = n / 7.5 + "px";
          };
        e.addEventListener &&
          (n.addEventListener(o, a, !1),
          e.addEventListener("DOMContentLoaded", a, !1));
      })(window);
    </script>
  </head>
  <body>
    <div id="app"></div>
    <script src="{{ src }}" type="module"></script>
    {{VITE_ENV_VCONSOLE}}
  </body>
</html>
